<% title @page.title %>
<%= content_for :page_meta do %>
  <link rel="canonical" href="<%= app_url(@page.path) %>" />
  <meta name="description" content="<%= @page.title %> — <%= community_name %>">
  <%= meta_keywords_default %>

  <meta property="og:type" content="article" />
  <meta property="og:url" content="<%= app_url(@page.path) %>" />
  <meta property="og:title" content="<%= @page.title %> — <%= community_name %>" />
  <meta property="og:image" content="<%= @page.social_image_url || Settings::General.main_social_image %>">
  <meta property="og:description" content="<%= @page.description %>" />
  <meta property="og:site_name" content="<%= community_name %>" />

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@<%= Settings::General.social_media_handles["twitter"] %>">
  <meta name="twitter:title" content="<%= @page.title %> — <%= community_name %>">
  <meta name="twitter:description" content="<%= @page.description %>">
  <meta name="twitter:image:src" content="<%= @page.social_image_url || Settings::General.main_social_image %>">
<% end %>
<%= javascript_include_tag "homePage", defer: true %>
<main id="main-content">
  <% if @page.template == "contained" %>
    <div class="crayons-layout crayons-layout--limited-l">
      <div class="crayons-card text-styles text-padding">
        <h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0"><%= @page.title %></h1>

        <%= @page.processed_html.html_safe %>
      </div>
    </div>
  <% elsif @page.template == "nav_bar_included" %>
    <div class="crayons-layout crayons-layout--2-cols">
      <div class="hidden m:block">
        <%= render "articles/sidebar" %>
      </div>
      <div class="crayons-card text-styles text-padding">
        <h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0"><%= @page.title %></h1>
        <%= @page.processed_html.html_safe %>
      </div>
    </div>
  <% else %>
    <%= @page.processed_html.html_safe %>
  <% end %>
</main>
<div class="js-billboard-container pb-4 crayons-layout__comments-billboard" data-async-url="<%= billboard_path(page_id: @page.id, placement_area: :page_fixed_bottom) %>"></div>
<%= javascript_include_tag "billboard", defer: true %>
<%= javascript_include_tag "pageFunctionality", defer: true %>
